
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>About</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- bootstrap-css -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!--// bootstrap-css -->
    <!-- css -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
    <!--// css -->
    <!-- font-awesome icons -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->

    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<!-- banner -->
<div class="banner jarallax" style="background: url(images/w6.jpg) no-repeat 0px 0px;background-size: cover;">
    <div class="banner-dot">
        <div class="header-top">
            <div class="container">
                <div class="header-top-left">
                    <p><i class="fa fa-home" aria-hidden="true"></i> 1st Street , mexico city</p>
                </div>
                <div class="header-top-right">
                    <p><i class="fa fa-phone" aria-hidden="true"></i> +1 234 567 8901</p>
                </div>
            </div>
        </div>
        <div class="header">
            <div class="container">
                <div class="header-left">
                    <div class="w3layouts-logo">
                        <h1>

                            <a href="/front/indexs">汽车时代</a>

                        </h1>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>

        <div class="header-right about-top">
            <div class="container">
                <div class="top-nav">
                    <nav class="navbar navbar-default">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <!--navbar-header-->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="/front/indexs" class="active">首页</a></li>
                                <li><a href="/front/about">关于我们</a></li>
                                <li><a href="/front/gallery">汽修产品</a></li>
                                <li class=""><a href="#" class="dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">预约服务<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a class="hvr-bounce-to-bottom" href="/front/contact">在线预约</a></li>
                                        <li><a class="hvr-bounce-to-bottom" href="#">上门检修</a></li>
                                    </ul>
                                </li>
                                <li><a href="/front/blog">信息中心</a></li>
                                <li class=""><a href="#" class="dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">联系我们<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a class="hvr-bounce-to-bottom" href="/front/recruitment">精英招聘</a></li>
                                        <li><a class="hvr-bounce-to-bottom" href="/front/CustomerMessage">客户留言</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <div class="clearfix"> </div>
                        </div>
                    </nav>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
        <div class="wthree-heading">
            <h2>关于我们</h2>
        </div>
    </div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about">
    <div class="container">
        <div class="agileits-heading">
            <h3>专注方面</h3>
        </div>
        <div class="w3_about_grids">
            <div class="col-md-6 w3_about_grid_left">
                <h5>公司简介</h5>
                <p>汽车零部件公司成立于2006年8月28日，为提高整车的国产化率，公司紧紧抓住广州汽车工业良好的发展机遇，先后与国际知名零部件企业——东京座椅、电装、普利司通、丰田纺织、林天连布、斯坦雷、昭和、三叶、帕卡、丰田通商等公司合资合作，组建了十多家汽车零部件生产企业。</p>
                <div class="panel-group about_panel" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title asd">
                                <a class="pa_italic" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i>近期规划
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body panel_text">
                                2009年9月，汽车零部件公司完成了股份制改造，新的汽车零部件公司成为中外合资公司，股东分别为持股51％的广州汽车股份公司，持股49％的香港汽车有限公司全资拥有的公司。
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingTwo">
                            <h4 class="panel-title asd">
                                <a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i>公司规模
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                            <div class="panel-body panel_text">
                                汽车零部件公司投资的企业主要生产汽车空调、座椅、灯具、门内饰板、地毯、隔音件、弹簧、铝溶液、铝轮圈、减震器、转向器、电机等产品，初步形成了内饰系统、热交换系统、照明系统、底盘相关部件等多系列、多品种的生产。
                                广州汽车集团零部件有限公司产品主要供给广汽本田、广汽丰田、东风本田（武汉）、东风日产乘用车、海南马自达等整车厂，部分产品出口到美国、德国、日本、东南亚等国家和地区。
                                目前公司已发展成为国内较有规模和影响力的汽车零部件企业，荣获2009年度重庆汽车零部件百强企业第五名，2008年重庆机械行业竞争力500强第44位，2009年重庆机械行业竞争力500强第40位。
                                2016年8月7日，《2016年重庆机械500强》（第十一届）研究报告发布会在北京举行。公司部件的排名较2014年上升1位，位列排行榜第33位。广汽部件自2009年参选《重庆机械500强》以来，排名不断上升，2009年至2014年排名依次为49位、44位、40位、39位、36位和34位。
                                反映了广汽部件的综合实力及竞争力在不断地增强。
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title asd">
                                <a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i>客户反响
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                            <div class="panel-body panel_text">
                                我司生产的产品自投放市场以来，其产品质量，价格，交货期及售后服务等方面在国内外享有一定的赞誉，其中主导产品的市场占有率在同行中一直保持领先。我公司有较强的自主设计开发能力，可根据客户要求为客户推荐产品规格，并可协助客户进行设计，以满足客户的潜在要求。
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFour">
                            <h4 class="panel-title asd">
                                <a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i>优秀产品
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                            <div class="panel-body panel_text">
                                我司以多年生产ABS齿圈的经验以及先进的生产，检测设备保证了每一批顾客对ABS齿圈的要求，成为以ABS齿圈为主导产品的精密机加工生产厂家。多年来一直受到广大客户的好评。
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 w3_about_grid_right">
                <img src="images/3.jpg" alt="" />
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //about -->
<!-- team -->
<div class="team jarallax" style="background: url(images/w6.jpg) no-repeat 0px 0px;background-size: cover;">
    <div class="team-dot">
        <div class="container">
            <div class="agileits-heading team-heading">
                <h3>团队展示</h3>
            </div>
            <div class="team-grids">
                <div class="col-md-3 agileinfo-team-grid">
                    <img src="images/t1.jpg" alt="">
                    <div class="captn">
                        <h4>Takahashi Wuu</h4>
                        <p>Technical support</p>
                        <div class="w3l-social">
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-rss"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 agileinfo-team-grid">
                    <img src="images/t2.jpg" alt="">
                    <div class="captn">
                        <h4>Peter Parker</h4>
                        <p>Aliquam non</p>
                        <div class="w3l-social">
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-rss"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 agileinfo-team-grid">
                    <img src="images/t3.jpg" alt="">
                    <div class="captn">
                        <h4>Johan Botha</h4>
                        <p>Nulla molestie</p>
                        <div class="w3l-social">
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-rss"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 agileinfo-team-grid">
                    <img src="images/t4.jpg" alt="">
                    <div class="captn">
                        <h4>Steven Wilson</h4>
                        <p>Quisque vitae</p>
                        <div class="w3l-social">
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-rss"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
</div>
<!-- //team -->
<!-- about-top -->
<div class="agileits-about-top">
    <div class="container">
        <div class="agileits-heading">
            <h3>我们服务范围</h3>
        </div>
        <div class="agileinfo-top-grids">
            <div class="col-sm-4 wthree-top-grid">
                <img src="images/w1.jpg" alt="" />
                <h4>汽车展示</h4>
                <p>汽车展示是指对客户的的产品进行详细展示，包括规格，产品的款式颜色等所有产品详细的信息。做到让网站的的产品展示能让顾客更直观的去了解网站上所展示的产品，让顾客在看到产品的同时对产品的每一个信息都有一定的了解。</p>
            </div>
            <div class="col-sm-4 wthree-top-grid">
                <img src="images/20130321_153535.jpg" alt="" />
                <h4>售后服务</h4>
                <p>售后服务，就是在商品出售以后所提供的各种服务活动。从推销工作来看，售后服务本身同时也是一种促销手段。在追踪跟进阶段，推销人员要采取各种形式的配合步骤，通过售后服务来提高企业的信誉，扩大产品的市场占有率，提高推销工作的效率及收益。</p>
            </div>
            <div class="col-sm-4 wthree-top-grid">
                <img src="images/jiance.jpg" alt="" />
                <h4>汽车维修</h4>
                <p>对出现故障的汽车通过技术手段排查，找出故障原因，并采取一定措施使其排除故障并恢复达到一定的性能和安全标准。汽车维修包括汽车大修和汽车小修，汽车大修是指用修理或更换汽车任何零部件（包括基础件）的方法，恢复汽车的完好技术状况和完全（或接近完全）恢复汽车寿命的恢复性修理。而汽车小修是指：用更换或修理个别零件的方法，保证或恢复汽车工作能力的运行性修理。</p>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //about-top -->
<!-- footer -->
<div class="w3-agile-footer">
    <div class="container">
        <div class="footer-grids">
            <div class="col-md-3 footer-grid">
                <div class="footer-grid-heading">
                    <h4>地址</h4>
                </div>
                <div class="footer-grid-info">
                    <p>恒达汽修有限公司
                        <span>地　址：重庆市万州区厦门路602号</span>
                    </p>
                    <p class="phone">电　话：020-5856-1762
                        <span>Email : <a href="mailto:wuhongyacao@outlook.com">wuhongyacao@outlook.com</a></span>
                    </p>
                </div>
            </div>


            <div class="col-md-3 footer-grid">
                <div class="footer-grid-heading">
                    <h4>Follow</h4>
                </div>
                <div class="social">
                    <ul>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-rss"></i></a></li>
                        <li><a href="#"><i class="fa fa-vk"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="agileits-w3layouts-copyright">
            <p>Copyright &copy; 2018.Company name All rights reserved.Technical support by Takahashi Wuu</p>
        </div>
    </div>
</div>
<!-- //footer -->
<script src="js/jarallax.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript">
    /* init Jarallax */
    $('.jarallax').jarallax({
        speed: 0.5,
        imgWidth: 1366,
        imgHeight: 768
    })
</script>

<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<!-- //here ends scrolling icon -->
</body>
</html>
